<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Pic Browser</title>
        <script src="tools/jquery-1.4.2.js"></script>
        <script src="tools/galleria.js"></script>
        <style>
            html,body{background:#444444}
            .content{
	color:#ccc;
	font:14px/1.4 arial,sans-serif;
	width:800px;
	margin:20px auto;
	background:#444444
}
			#galleria{
			width:800px
			}
        </style>
    </head>
<body>
    <div class="content">
        <div id="galleria">
            <img src="chrome://picbrowser/content/pic/bg_b.png">
        </div>
    </div>
    <script>
    Galleria.debug = true;
    // Load the classic theme
    Galleria.loadTheme('tools/themes/fullscreen/galleria.fullscreen.js');
	//Galleria.loadTheme('tools/themes/classic/galleria.classic.js');
	// Initialize Galleria
    $('#galleria').galleria({
		//height:470
		image_crop:false,
		image_pan:true,
		carousel:true
	});
    </script>
    </body>
</html>
